@font-face {
    font-family: "FangyuanTi";
    src: url("fangyuanti.ttf");
}

body {font-family: "FangyuanTi"; background-color: #EFF2F6;}

.btn-orange {
    background-color: white;
    color: #f8c3d0;
    border: 1px solid #eb6081;
}

.btn-orange:hover {
    background-color: #eb6081;
    color: white;
    border: 1px solid #eb6081;
}

.btn-f9d752 {
    padding: 5px 50px 5px 50px;
    color: white;
    background: #f9d752;
    border: 1px solid #f9d752;
}
.btn-f9d752:hover {
    color: white;
}

.input-orange {
    border: 1px solid #eb6081;
    border-radius: 20px;
    background: url('/static/icons/search.svg') no-repeat;
    background-size: 30px 30px;
    background-position: 3px 3px;
    padding-left: 35px;
}
.input-orange:hover {
    border: 1px solid #eb6081;
    border-radius: 20px;
    background: url('/static/icons/search.svg') no-repeat;
    background-size: 30px 30px;
    background-position: 3px 3px;
    padding-left: 35px;
}

.wall_container {
    margin: 40px;
    width: 85%;
}

.center_container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.carousel-radius {
    border-radius: 25px;
    margin-top: 20px;
}

.navbar-brand {
    font-size: 24px;
    font-weight: bold;
    color: #333;
}

.navbar-nav .nav-link {
    font-size: 18px;
    color: #555;
}

.form-control {
    width: 300px;
}

/* 自定义样式 */
/* 顶部导航栏样式 */
.navbar {
    background-color: #f8f9fa;
}
/* 轮播图样式 */
.carousel-item img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}
/* 新闻列表样式 */
.news-list {
    margin-top: 20px;
}
.news-list .card {
    margin-bottom: 20px;
}
/* 信息列表样式 */
.info-list {
    margin-top: 40px;
}
.info-list .card {
    margin-bottom: 20px;
}
/* 页脚样式 */
.footer {
    background-color: #f8f9fa;
    padding: 20px 0;
    text-align: center;
}

.resbox {
    background: #eb6081;
    border: 1px solid #eb6081;
    border-radius: 20px;
}

.resbox-body {
    background: white;
    border-radius: 20px;
    margin: 5px;
}

.dynamic-card {
    margin-bottom: 20px;
}
.dynamic-card .card-img-top {
    height: 200px;
    object-fit: cover;
}

.card-pink {
    background: #f18ea5;
}
.card-blue {
    background: #6699ff;
}
.card-body {
    background: white;
    border-radius: 5px;
}

.btn-deep {
    background: #f18ea5;
    border: 1px solid #f18ea5;
    color: white;
}
.btn-blue {
    background: #6699ff;
    border: 1px solid #6699ff;
    color: white;
}

.card-fad0c4 {
    background-image: linear-gradient(to right, #fad0c4 0%, #fad0c4 1%, #ffd1ff 100%);
    padding: 3px;
}
.card-8ec5fc {
    background-color: #8EC5FC;
    background-image: linear-gradient(62deg, #8EC5FC 0%, #E0C3FC 100%);
    padding: 3px;
}

.marquee-container {
  position: relative;
  width: 100%;
  height: 25px;
  overflow: hidden;
}
.marquee-box {
  position: absolute;
  display: inline-block;
  white-space: nowrap;
  animation: marquee 3s linear infinite; /* 跑马灯动画 */
}
@keyframes marquee {
  0% {
    left: 100%;
  }
  100% {
    left: 0%;
    transform: translateX(-100%);
  }
}

.post {
      margin-bottom: 20px;
    }
    .post .post-content {
      margin-top: 10px;
    }

hr{
    color: #bfbfbf;
}

.bg-vip {
    color: #986B0D;
    background-color: #FBD74F;
    font-size: 10px;
    margin: 0px 0px 0px 0px;
}

.bg-official {
    color: white;
    background-color: #4E6EF2;
    font-size: 10px;
    margin: 0px 0px 0px 0px;
}

.btn-major {
    padding: 5px 50px 5px 50px;
    color: #aa8e09;
    background: #FFFBAF;
    border: 1px solid #FFFBAF;
    font-weight: 800;
}
.btn-major:hover {
    color: #aa8e09;
    background: #FFFBAF;
    border: 1px solid #FFFBAF;
    font-weight: 800;
}

.list-group-item-color {
    color: #aa8e09;
    background: #FFFBAF;
    font-weight: 800;
}

.left_avatar {
    float: left;
    width: 60ps;
}

.right_div {
    margin-left: 70px;
}

.contain_box {
    background-color: white;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 10px;
}

.btn_addimg {
    background-color: #EEF0F2;
    margin: none;
    padding: 5px;
    font-size: 14px;
}

.btn-ff9933 {
    padding: 5px 50px 5px 50px;
    color: #aa8e09;
    background: #FFFBAF;
    border: 1px solid #FFFBAF;
    font-weight: 800;
}
.btn-ff9933:hover {
    color: #aa8e09;
}

.btn-disapproved {
    padding: 5px 30px 5px 30px;
    color: #aa8e09;
    background: #FFFBAF;
    border: 1px solid #FFFBAF;
    font-weight: 800;
}
.btn-disapproved:hover {
    color: #aa8e09;
}
.btn-approved {
    padding: 5px 30px 5px 30px;
    color: #FFFBAF;
    background: #aa8e09;
    border: 1px solid #aa8e09;
    font-weight: 800;
}
.btn-approved:hover {
    color: #FFFBAF;
}

.img-style {
    max-width: 200px; /* 限制图片最大宽度 */
    max-height: 150px; /* 限制图片最大高度 */
    object-fit: cover; /* 保持比例裁剪图片 */
}